<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>黑鲨手机_黑鲨游戏手机-黑鲨官网</title>
    <link href="libs/swiper/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="./css/index.css" type="text/css">
</head>
<body>
<header></header>

<div class="swiper-container" >
        <div class="swiper-wrapper" id="swiper">
            <!-- <div class="swiper-slide"><img src="./images/01banner.jpg" alt="banner"/></div>
            <div class="swiper-slide"><img src="./images/02banner.jpg" alt="banner"/></div>
            <div class="swiper-slide"><img src="./images/03banner.jpg" alt="banner"/></div>
			<div class="swiper-slide"><img src="./images/04banner.jpg" alt="banner"/></div> -->
        </div>
		<script type="text/html" id="swipertemplate">
			{{each list6 item}}
					<div class="swiper-slide"><img src="{{item.image}}" alt="banner" style="height: 600px;"/></div>
				
			{{/each}}	
		</script>
		
		<div class="swiper-pagination"></div>
</div>

	











<div class="video-and-links">
	<div class="play-video">
		<!-- <div class="video-box1">
			<video></video>
		</div>
		<div class="video-box2">
			<video></video>
		</div> -->
		<div class="rol">
		    <div class="banner">
		        <div class="one"
		            vpath="http://sucai.suoluomei.cn/sucai_zs/images/20190816141812-%E5%85%83%E6%B0%94%E5%B0%91%E5%A5%B3%E5%A6%86.png"
		            ipath="http://hpl-px-output.oss-cn-shenzhen.aliyuncs.com/mall_paparela/Public/xcwz/%E5%9B%9B%E6%AC%BE%E5%A6%86%E5%AE%B9%E6%95%99%E7%A8%8B%EF%BC%8C%E8%BD%BB%E6%9D%BEhold%E4%BD%8F%E5%90%84%E7%A7%8D%E5%9C%BA%E5%90%88/5%E5%88%86%E9%92%9F%E5%85%83%E6%B0%94%E5%B0%91%E5%A5%B3%E5%A6%86.mp4">
		            <img src="http://sucai.suoluomei.cn/sucai_zs/images/20190816141812-%E5%85%83%E6%B0%94%E5%B0%91%E5%A5%B3%E5%A6%86.png"
		                alt="1">
		        </div>
		        <div class="one"
		            vpath="http://sucai.suoluomei.cn/sucai_zs/images/20190816141812-%E4%B8%AA%E6%80%A7%E6%BD%AE%E4%BA%BA%E5%A6%86.png"
		            ipath="http://hpl-px-output.oss-cn-shenzhen.aliyuncs.com/mall_paparela/Public/xcwz/%E5%9B%9B%E6%AC%BE%E5%A6%86%E5%AE%B9%E6%95%99%E7%A8%8B%EF%BC%8C%E8%BD%BB%E6%9D%BEhold%E4%BD%8F%E5%90%84%E7%A7%8D%E5%9C%BA%E5%90%88/%E4%B8%AA%E6%80%A7%E6%BD%AE%E4%BA%BA%E5%A6%86%EF%BC%8C%E6%8B%92%E7%BB%9D%E8%A2%AB%E6%A0%87%E7%AD%BE.mp4">
		            <img src="http://sucai.suoluomei.cn/sucai_zs/images/20190816141812-%E4%B8%AA%E6%80%A7%E6%BD%AE%E4%BA%BA%E5%A6%86.png"
		                alt="2">
		        </div>
		    </div>
			<div class="all">
				<div class="videos"></div>
			</div>
		</div>
	</div>
	<div class="links1" id="phonelist1">
		
	</div>
	<script type="text/html" id="phonelisttemplate1">
		{{each list1 item}}
			<div class="left-link">
				<a href="./html/details.html?{{item.id}}">
					<div class="title new">
						<p>{{item.title.slice(0,15)}}</p>
						<span>前往订购</span>
									 
					</div>
					<img src="{{item.image}}" alt="黑鲨双翼手柄">
				</a>
			</div>
			
		{{/each}}
	</script>
	<div class="links2" id="phonelist2">
		
	</div>
	<script type="text/html" id="phonelisttemplate2">
		{{each list2 item}}
			<div class="left-link">
				<a href="./html/details.html?{{item.id}}">
					<div class="title new">
						<p>{{item.title.slice(0,15)}}</p>
						<span>前往订购</span>
									 
					</div>
					<img src="{{item.image}}" alt="黑鲨双翼手柄">
				</a>
			</div>
			
		{{/each}}
	</script>
	<div class="links3">
		<div class="links-1">
			<a href="./html/details.html?{{item.id}}">
				<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/index/pair.png" alt="黑鲨时刻">
				<div class="title new">
				    <p>游戏手柄 3 - L</p>
				    <span>前往订购</span>
				</div>
			</a>
		</div>
		<div class="links-2">
			<a href="./details.html?{{item.id}}">
				<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/index/keyboard.png" alt="屏幕压感">
				<div class="title new">
				    <p>游戏手柄 3 - L</p>
				    <span>前往订购</span>
				</div>
			</a>
		</div>
		<div class="links-3">
			<a href="./html/details.html?{{item.id}}">
				<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/index/fan.png" alt="shark space">
				<div class="title new">
				    <p>游戏手柄 3 - L</p>
				    <span>前往订购</span>
				</div>
			</a>
		</div>
		<div class="links-4">
			<a href="./html/details.html?{{item.id}}">
				<img class="block" src="https://office-1256119282.file.myqcloud.com/2020/official-web/cdn/20200228/index/headset.png" alt="黑鲨投屏">
				<div class="title new">
				    <p>游戏手柄 3 - L</p>
				    <span>前往订购</span>
				</div>
			</a>
		</div>
	</div>
</div>


<div class="footer"></div>



<script src="libs/require/require.min.js" data-main="js/index.js"></script>

</body>
</html>